<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Community Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="css/bootstrap-3.1.1.min.css" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <!--webfont-->
    <link href='https://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
    <!-- Owl Stylesheets -->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!----drop down----->
    <script>
        $(document).ready(function () {
            $(".dropdown").hover(
                    function () {
                        $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                        $(this).toggleClass('open');
                    },
                    function () {
                        $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                        $(this).toggleClass('open');
                    }
            );
        });
    </script>
    <!----font-Awesome----->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!----font-Awesome----->
    <!--light-box-files -->
    <script src="js/jquery.chocolat.js"></script>
    <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8"/>
    <!--light-box-files -->
    <script type="text/javascript" charset="utf-8">
        $(function () {
            $('.gallery a').Chocolat();
        });
    </script>
</head>
<body>
<div class="header">
    <div class="container">
        <div class="col-sm-3 logo">
            <h1><a href="index.html"><span class="highlight"></span>编程实战派</a></h1>
        </div>
        <div class="col-sm-9 logo_right">
            <div class="social">
                <a href="" class="link facebook" target="_parent"><span class="fa fa-facebook"></span></a>
                <a href="" class="link twitter" target="_parent"><span class="fa fa-twitter"></span></a>
                <a href="" class="link google" target="_parent"><span class="fa fa-google-plus"></span></a>
                <a href="" class="link google" target="_parent"><span class="fa fa-linkedin"></span></a>
                <a href="" class="link google" target="_parent"><span class="fa fa-tumblr"></span></a>
            </div>
            <!-- script for menu -->
            <span class="menu"></span>

            <div class="top-menu">
                <ul>
                    <li><a href="#" class="btn btn-default btn-default_2 pull-left" data-toggle="modal"
                           data-target="#applyModal">登录</a></li>
                    <li><a href="#" class="btn btn-default btn-default_2 pull-left" data-toggle="modal"
                           data-target="#applyModal_1">注册</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<nav class="navbar nav_bottom" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header nav_2">
            <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse"
                    data-target="#bs-megadropdown-tabs">Menu
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
            <ul class="nav navbar-nav nav_1">
                <li class="current_page"><a href="index.html">首页</a></li>
                <li><a href="classified.html">课程中心</a></li>
                <li><a href="classified_database.html">直播预告</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">原创教程<span class="caret"></span></a>
                    <ul class="dropdown-menu drop_menu" role="menu">
                        <li><a href="news.html">News</a></li>
                        <li><a href="shortcodes.html">Shortcodes</a></li>
                        <li><a href="faq.html">Faq</a></li>
                        <li><a href="career.html">Career</a></li>
                        <li><a href="terms.html">Terms of use</a></li>
                        <li><a href="sitemap.html">Sitemap</a></li>
                        <li><a href="testimonials.html">Testimonials</a></li>
                        <li><a href="grids.html">Grids</a></li>
                    </ul>
                </li>
                <li><a href="article.html">项目展示</a></li>
                <li><a href="forum.html">个人中心</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
            <div class="help_line">
                <div id="txtblnk"><p>HELP LINE : (+91)-2548713984</p></div>
            </div>
        </div><!-- /.navbar-collapse -->
    </div>
</nav>
<script type="text/javascript">
    $(function () {
        blinkeffect('#txtblnk');
    })
    function blinkeffect(selector) {
        $(selector).fadeOut('slow', function () {
            $(this).fadeIn('slow', function () {
                blinkeffect(this);
            });
        });
    }
</script>
<div class="demo">
    <marquee behavior="scroll" style="background:#F3DB28; color:#000;" direction="left" onmouseover="this.stop();"
             onmouseout="this.start();">
        python基础课程服务包已上线，大家可以直接进入课程中心，点击python基础课程开始python之旅。python基础课程视频均在网易课堂免费提供
    </marquee>
</div>
<div class="clearfix"></div>

<marquee direction="left" style="background:#000; color:#F3DB28;">
    python基础课程服务包已上线，大家可以直接进入课程中心，点击python基础课程开始python之旅。python基础课程视频均在网易课堂免费提供
</marquee>

<div class="footer_widget">
    <div class="container">
        <div class="col-md-4">
            <aside id="text-1" class="widget widget_text">
                <h3 class="widget-title"><span>COME VISIT US</span></h3>

                <div class="textwidget"><p>It is a long established fact that a reader will be distracted by the
                    readable content of a page when looking at its layout. </p>

                    <p><em style="color: #fff;">standard chunk.,<br> Finibus Bonorum,<br> Ipsum generators,
                        treatise</em></p>
                </div>
            </aside>
        </div>
        <div class="col-md-4">
            <aside id="text-2" class="widget widget_text">
                <h3 class="widget-title"><span>MORE ABOUT US</span></h3>

                <div class="textwidget">
                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered
                        alteration in some form, by injected humour, or randomised words which don't look even slightly
                        believable. If you are going to use a passage of Lorem Ipsum,.</p></div>
            </aside>
        </div>
        <div class="col-md-4">
            <aside>
                <h3 class="widget-title"><span>FLICKR FEED</span></h3>
                <ul class="gallery">
                    <li><a href="images/pic5.jpg" class="img-responsive" title="Rose" rel="title1">
                        <img src="images/pic5.jpg" class="img-responsive" alt="name">
                    </a>
                    </li>
                    <li><a href="images/pic6.jpg" class="img-responsive" title="Rose" rel="title1">
                        <img src="images/pic6.jpg" class="img-responsive" alt="name">
                    </a>
                    </li>
                    <li><a href="images/pic11.jpg" class="img-responsive" title="Rose" rel="title1">
                        <img src="images/pic11.jpg" class="img-responsive" alt="name">
                    </a>
                    </li>
                    <li class="last">
                        <a href="images/pic12.jpg" class="img-responsive" title="Rose" rel="title1">
                            <img src="images/pic12.jpg" class="img-responsive" alt="name">
                        </a>
                    </li>
                    <li>
                        <a href="images/pic6.jpg" class="img-responsive" title="Rose" rel="title1">
                            <img src="images/pic6.jpg" class="img-responsive" alt="name">
                        </a>
                    </li>
                    <li>
                        <a href="images/pic5.jpg" class="img-responsive" title="Rose" rel="title1">
                            <img src="images/pic5.jpg" class="img-responsive" alt="name">
                        </a>
                    </li>
                    <li>
                        <a href="images/pic11.jpg" class="img-responsive" title="Rose" rel="title1">
                            <img src="images/pic11.jpg" class="img-responsive" alt="name">
                        </a>
                    </li>
                    <li class="last">
                        <a href="images/pic12.jpg" class="img-responsive" title="Rose" rel="title1">
                            <img src="images/pic12.jpg" class="img-responsive" alt="name">
                        </a>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </aside>
        </div>
    </div>
</div>
<div class="footer_middle">
    <div class="container">
        <div class="col-sm-7">
            <div class="footer-icons">
                <a href="#" class="social-icon"><i class="fa fa-twitter has-circle"></i></a>
                <a href="#" class="social-icon"><i class="fa fa-facebook has-circle"></i></a>
                <a href="#" class="social-icon"><i class="fa fa-google-plus has-circle"></i></a>
                <a href="#" class="social-icon"><i class="fa fa-linkedin has-circle"></i></a>

                <div class="clearfix"></div>
            </div>
        </div>
        <div class="col-sm-5">
            <div class="newsletter_signup">
                <form novalidate target="_blank" name="newsletter-subscribe-form" id="newsletter-subscribe-form"
                      method="post" class="form-inline validate">
                    <input type="email" required="" placeholder="Subscribe to our newsletter" class="form-control"
                           name="EMAIL" value="">
                    <input type="submit" id="newsletter-subscribe" name="subscribe" value="SUBSCRIBE">
                </form>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="footer_bottom">
    <div class="container">
        <div class="copy">
            <p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/"
                                                                                        target="_blank" title="模板之家">模板之家</a>
                - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
        </div>
    </div>
    <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">Top </span></a>
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            /*
             var defaults = {
             containerID: 'toTop', // fading element id
             containerHoverID: 'toTopHover', // fading element hover id
             scrollSpeed: 1200,
             easingType: 'linear'
             };
             */

            $().UItoTop({easingType: 'easeOutQuart'});

        });
    </script>
</div>
<!----language selector----->
<script type="text/javascript" src="js/jquery.leanModal.min.js"></script>
<link href="css/jquery.uls.css" rel="stylesheet"/>
<link href="css/jquery.uls.grid.css" rel="stylesheet"/>
<link href="css/jquery.uls.lcd.css" rel="stylesheet"/>
<!-- Source -->
<script src="js/jquery.uls.data.js"></script>
<script src="js/jquery.uls.data.utils.js"></script>
<script src="js/jquery.uls.lcd.js"></script>
<script src="js/jquery.uls.languagefilter.js"></script>
<script src="js/jquery.uls.regionfilter.js"></script>
<script src="js/jquery.uls.core.js"></script>
<script>
    $(document).ready(function () {
        $('.uls-trigger').uls({
            onSelect: function (language) {
                var languageName = $.uls.data.getAutonym(language);
                $('.uls-trigger').text(languageName);
            },
            quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME
        });
    });
</script>
<!-- FlexSlider -->
<link href="css/flexslider.css" rel='stylesheet' type='text/css'/>
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(function () {
        SyntaxHighlighter.all();
    });
    $(window).load(function () {
        $('.flexslider').flexslider({
            animation: "slide",
            start: function (slider) {
                $('body').removeClass('loading');
            }
        });
    });
</script>
<!-- FlexSlider -->
</body>
</html>